<template>
  <!-- 服务列表弹窗 -->
  <el-dialog
    title="服务列表"
    :visible.sync="centerDialogVisible"
    width="1250px"
    append-to-body
    center>
    <div class="web-box">
      <serverListVue ref="serverListVue" pageType="admin" :tenantId="tenantId" :campNumber="campNumber"></serverListVue>
    </div>
  </el-dialog>
</template>

<script>

import serverListVue from "@/components/tenant/serverList.vue"
export default {
  name: "",
  components:{serverListVue},
  data() {
    return {
      centerDialogVisible:false,
      tenantId:'',
      campNumber:''
    };
  },
  created() {

  },
  methods: {
    open(tenantId,campNumber){
      this.tenantId = tenantId
      this.campNumber = campNumber
      this.centerDialogVisible = true
      this.$nextTick(()=>{
        this.$refs.serverListVue.init(this.tenantId)
      })
    },
    close(){
      this.centerDialogVisible = false
    }

  }
};
</script>
<style scoped lang="css">
  .web-box{
    /* width: 1220px; */
    overflow: hidden;
  }
</style>
